html, body { min-height: 100%; } 
/**
 * Header
 */
#header { background: #000000; }


/**
 * Banner
 */
#banner { height: 100vh; background: #000000; overflow: hidden; }
#banner .swiper-slide { position: relative; color: #FFFFFF; }
/* 主内容 */
#banner .bg-block { width: 4.42rem; height: 6.1rem; background: transparent; position: absolute; z-index: 9; top: 50%; left: 50%; margin-top: -3.05rem; margin-left: -2.21rem; -webkit-transition: all 1s 0.2s; transition: all 1s 0.2s; -webkit-transform: translateY(100vh) translate3d(10px,10px,10px); transform: translateY(100vh) translate3d(10px,10px,10px); opacity: 0; }
#banner .slogan { font-size: 1.32rem; font-family: AkzidenzGroteskBQ; font-weight: normal; white-space: nowrap; position: absolute; z-index: 9; left: 50%; -webkit-transition: all 0.66s 0.6s; transition: all 0.66s 0.6s; text-align: center; top: 100vh; width: 18rem; margin-left: -9rem; opacity: 0; }
#banner .slogan .text { display: inline-block; position: relative; }
#banner .slogan .text::after { content: ""; width: 0; height: 0.06rem; background: #FFFFFF; position: absolute; z-index: 9; left: 0; bottom: -0.05rem; border-radius: 0.02rem; -webkit-transition: all 0.6s 1s; transition: all 0.6s 1s; }
#banner .sub-slogan { font-size: 0.3rem; font-weight: normal; text-align: center; position: absolute; width: 100%; z-index: 30; left: 0; top: 3.5rem; overflow: hidden; -webkit-transition: all 0.6s 1.3s; transition: all 0.6s 1.3s; opacity: 0; -webkit-transform: translateY(100vh); transform: translateY(100vh); }
#banner .img-box { position: absolute; z-index: 18; height: 6.74rem; left: 0; top: 50%; margin-top: -3.37rem; width: 100%; }
#banner .img-box .img { display: block; height: 100%; max-width: none !important; margin: 0 auto; -webkit-transform: scale(2) translateX(-50%); transform: scale(2) translateX(-50%); opacity: 0; -webkit-transition: all 0.6s 1.6s; transition: all 0.6s 1.6s; position: absolute; left: 50%; }
/* 左下角 */
#banner .left-bottom-wrapper { width: 4.48rem; height: 1.73rem; position: absolute; left: 0.67rem; bottom: 0.48rem; z-index: 9; font-size: 0.18rem; border: 2px solid #212121; }
#banner .left-bottom-wrapper .title { font-size: inherit; margin-top: 0.4rem; margin-right: 0.35rem; margin-bottom: 0.26rem; margin-left: 0.37rem; font-weight: normal; height: 0.46rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: block; display: -webkit-box; -webkit-box-orient: vertical; color: #FFFFFF; }
#banner .left-bottom-wrapper .date { padding-left: 0.37rem; padding-right: 0.35rem; font-family: AkzidenzGroteskBQ; color: #999999; display: block; }
#banner .left-bottom-wrapper .close { width: 0.46rem; height: 0.46rem; position: absolute; z-index: 9; border-top: 1px solid #212121; border-left: 1px solid #212121; line-height: 0.46rem; text-align: center; color: #212121; right: 0; bottom: 0; font-size: 0.26rem; padding: 0; margin: 0; display: block; cursor: pointer; -webkit-transition: all 0.36s; transition: all 0.36s; }
#banner .left-bottom-wrapper .close:hover { color: #999999; }
/* 分页器 */
#banner .control-btn { position: absolute; font-size: 0.18rem; top: 50%; width: 0.6rem; text-align: center; border-radius: 50%; height: 0.6rem; line-height: 0.6rem; margin-top: -0.3rem; color: #FFFFFF; cursor: pointer; -webkit-transition: all 0.36s; transition: all 0.36s; overflow: hidden; }
#banner .control-btn-prev { left: 0.6rem; }
#banner .control-btn-next { right: 0.6rem; }
#banner .control-btn-prev:hover { left: 0.5rem; }
#banner .control-btn-next:hover { right:0.5rem; }
#banner .swiper-slide-active .bg-block { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; background: #000000; }
#banner .swiper-slide.color2 .bg-block { background: #FE9000; }
#banner .swiper-slide.color3 .bg-block { background: #8FA7AE; }
#banner .swiper-slide-active .slogan { top: 1.56rem; opacity: 1; }
#banner .swiper-slide-active .slogan .text::after { width: 100%; }
#banner .swiper-slide-active .sub-slogan { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
#banner .swiper-slide-active .img-box .img { -webkit-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); opacity: 1; }
#banner .control-btn:hover { color: #FFFFFF; background: #D6063A; }

#banner .swiper-slide-first .timgs { position: absolute; z-index: 10; width: 100%; height: 100%; top: 0; left:0; display:flex; flex-direction: column;align-items: center;justify-content: center; } 
#banner .swiper-slide-first .title-image { margin-bottom:0.4rem; }



/* 新闻 */
.module-wrapper-index-news { display: flex; background: #000000; }
.module-wrapper-index-news .link-item { flex: 1; display: flex; flex-shrink: 0; padding: 0.5rem 0.8rem; color: #FFFFFF; border: 1px solid #131313; }
.module-wrapper-index-news .img-wrap { flex-shrink: 0; margin-right: 0.24rem; display: block; }
.module-wrapper-index-news .img { display: block; width: 1.6rem; height: 100%; object-fit: cover; }
.module-wrapper-index-news .right-content { display: flex; flex-direction: column; justify-content: space-between; }
.module-wrapper-index-news .title-wrap { display: block; }
.module-wrapper-index-news .title { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: block; display: -webkit-box; -webkit-box-orient: vertical; font-size: 0.22rem; font-weight: normal; color: #FFFFFF; }
.module-wrapper-index-news .title:hover { text-decoration: underline; }
.module-wrapper-index-news .date { font-family: AkzidenzGroteskBQ; color: #999999; display: block; }
.module-wrapper-index-news .tags { display: flex; flex-wrap: wrap; }
.module-wrapper-index-news .tag { font-size: 0.12rem; border: 1px solid #494949; color: #989898; margin-right: 0.1rem; border-radius: 2px; padding: 0.04rem 0.12rem; margin-top: 0.1rem; }
.module-wrapper-index-news .tag:hover { border-color: #FFFFFF; }



/**
 * 赋能
 */
.module-wrapper-empowerment { padding-top: 1px; }
.module-wrapper-empowerment .module-wrap { height: 9.14rem; background: #131313; color: #FFFFFF; }
.module-wrapper-empowerment .cell { float: left; width: 50%; height: 100%; overflow: hidden; position: relative; }
/* 左侧 */
.module-wrapper-empowerment .cell-left ul { position: absolute; width: 200%; height: 200%; left: 0; top: 0; z-index: 9; -webkit-transition: all 0.96s; transition: all 0.96s; }
.module-wrapper-empowerment .cell-left.i1 ul { -webkit-transform: translate(0,0); transform: translate(0,0); }
.module-wrapper-empowerment .cell-left.i2 ul { -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }
.module-wrapper-empowerment .cell-left.i3 ul { -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
.module-wrapper-empowerment .cell-left.i4 ul { -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.module-wrapper-empowerment .cell-left li { width: 50%; height: 50%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 1.69rem 2.29rem 1rem 1.59rem; float: left; }
.module-wrapper-empowerment .cell-left li .box { width: 100%; height: 100%; overflow: hidden; position: relative; }
.module-wrapper-empowerment .cell-left li .box .title { font-size: 0.55rem; line-height: 1.15; font-weight: 400; position: absolute; width: 100%; left: 0; top: -30%; z-index: 9; -webkit-transition: all 0.6s 0.6s; transition: all 0.6s 0.6s; opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.module-wrapper-empowerment .cell-left li .box .line { position: absolute; z-index: 9; left: 0; top: 1.55rem; width: 0px; height: 1px; background: #FFFFFF; -webkit-transition: all 0.6s 0.6s; transition: all 0.6s 0.6s; opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.module-wrapper-empowerment .cell-left li .box .article { position: absolute; z-index: 9; top: 100%; left: 0; width: 100%; -webkit-transition: all 0.6s 0.36s; transition: all 0.6s 0.36s; opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.module-wrapper-empowerment .cell-left li .box .article p { font-size: 0.2rem; font-weight: normal; line-height: 1.7; }
.module-wrapper-empowerment .cell-left li .box .get-solution-wrapper { position: absolute; left: 0; bottom: 0; background: transparent; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 0.66s 0.6s; transition: all 0.66s 0.6s; }
.module-wrapper-empowerment .cell-left li.active .box .title { top: 0; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
.module-wrapper-empowerment .cell-left li.active .box .line { width: 100%; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
.module-wrapper-empowerment .cell-left li.active .box .article { top: 1.97rem; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
.module-wrapper-empowerment .cell-left li.active .get-solution-wrapper { background: #D6063A; -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
/* 右侧 */
.module-wrapper-empowerment .cell-right { background: #111111; padding: 0.32rem 0.25rem; }
.module-wrapper-empowerment .cell-right ul { width: 100%; height: 100%; }
.module-wrapper-empowerment .cell-right li { width: 50%; height: 50%; overflow: hidden; float: left; }
.module-wrapper-empowerment .cell-right li:first-child { border-right: 1px solid #212121; padding-right: 0.27rem; padding-bottom: 0.27rem; border-bottom: 1px solid #212121; }
.module-wrapper-empowerment .cell-right li:last-child { padding-top: 0.27rem; padding-left: 0.27rem; }
.module-wrapper-empowerment .cell-right li:nth-child(2) { padding-left: 0.27rem; padding-bottom: 0.27rem; border-bottom: 1px solid #212121; }
.module-wrapper-empowerment .cell-right li:nth-child(3) { padding-top: 0.27rem; padding-right: 0.27rem; border-right: 1px solid #212121; }
.module-wrapper-empowerment .cell-right li .box { height: 100%; overflow: hidden; -webkit-transition: all 0.36s; transition: all 0.36s; position: relative; cursor: pointer; }
.module-wrapper-empowerment .cell-right li .box .icon { position: absolute; z-index: 9; top: 0.48rem; left: 0.56rem; -webkit-transition: all 0.36s; transition: all 0.36s; }
.module-wrapper-empowerment .cell-right li .box .icon.ir { opacity: 1; }
.module-wrapper-empowerment .cell-right li .box .icon.ib { opacity: 0; }
.module-wrapper-empowerment .cell-right li .box .icon-1 { width: 0.68rem; height: 1.02rem; }
.module-wrapper-empowerment .cell-right li .box .icon-2 { width: 1.05rem; height: 1.02rem; }
.module-wrapper-empowerment .cell-right li .box .icon-3 { width: 0.85rem; height: 1.01rem; }
.module-wrapper-empowerment .cell-right li .box .icon-4 { width: 0.97rem; height: 0.97rem; }
.module-wrapper-empowerment .cell-right li .box label { font-size: 0.24rem; color: #F9F9F9; font-weight: 400; line-height: 1; position: absolute; width: 100%; padding-left: 0.56rem; bottom: 0.31rem; z-index: 9; -webkit-transition: bottom 0.36s; transition: bottom 0.36s; }
.module-wrapper-empowerment .cell-right li .box a { font-size: 0.24rem; color: #F9F9F9; font-family: AkzidenzGroteskBQ; position: absolute; width: 100%; padding-left: 0.56rem; bottom: -3rem; z-index: 9; -webkit-transition: bottom 0.36s; transition: bottom 0.36s; }
.module-wrapper-empowerment .cell-right li.active .box { background: #D6063A; }
.module-wrapper-empowerment .cell-right li.active .box .icon { top: 0.6rem; } 
.module-wrapper-empowerment .cell-right li.active .box .icon.ir { opacity: 0; }
.module-wrapper-empowerment .cell-right li.active .box .icon.ib { opacity: 1; }
.module-wrapper-empowerment .cell-right li.active .box label { bottom: 0.94rem; }
.module-wrapper-empowerment .cell-right li.active .box a { bottom: 0.43rem; }